<template>
  <router-view :class="[mode]" />
</template>

<script>
import Vue from 'vue';
import config from '@/config/style';

export default Vue.extend({
  computed: {
    mode() {
      return this.$store.getters['setting/mode'];
    },
  },
  mounted() {
    this.$store.dispatch('setting/changeTheme', { ...config });
  },
});
</script>

<style lang="less">
  .t-button {
    font-weight: 500;
    // color: rgb(220, 227, 207);
  }
  td.t-text-ellipsis {
    font-weight: 500;
  }
  td {
    font-weight: 500 !important;
  }
  .t-form__label.t-form__label--colon.t-form__label--right {
    font-weight: 500;
  }
</style>
